* {
  box-sizing: border-box;
}

body {
  margin: 0;
}

/* 头部样式 */
.header {
  background-color: #f1f1f1;
  padding: 15px;
  text-align: center;
}

/* 创建三个相等的列 */
.leftcolumn {
  float: left;
  width: 65%;
  text-align: center;  
}

.rightcolumn {
  float: left;
  width: 30%;
  text-align: left;
  padding-left: 20px;
}

/* 列后清除浮动 */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* 响应式布局 - 小于 600 px 时改为上下布局 */
@media screen and (max-width: 600px) {
  .column {
   width: 100%;
  }
}

/* 底部 */
.footer {
  padding: 20px;
  /*text-align: center;*/
  background: #ddd;
  margin-top: 40px;
}

/*****下拉框*****/
.select {
	display: inline-block;
	width: 200px;
	position: relative;
	vertical-align: middle;
	padding: 0;
	overflow: hidden;
	background-color: #F8F8FF;
	color: #0000CD;
	border: 1px solid #aaa;
	text-shadow: none;
	border-radius: 4px;	
	transition: box-shadow 0.25s ease;
	z-index: 2;
	font-size: 105%;
}

.select:hover {
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}

.select:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top-color: #ccc;
	top: 14px;
	right: 10px;
	cursor: pointer;
	z-index: -2;
}
.select select {
	cursor: pointer;
	padding: 10px;
	width: 100%;
	border: none;
	color: #FFFF00;
	background: transparent;
	background-image: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.select select:focus {
	outline: none;
}
/*****下拉框*****/

.update-button { /* 按钮美化 */
	width: 270px; /* 宽度 */
	height: 40px; /* 高度 */
	border-width: 0px; /* 边框宽度 */
	border-radius: 3px; /* 边框半径 */
	background: #4395ff; /* 背景颜色 */
	cursor: pointer; /* 鼠标移入按钮范围时出现手势 */
	outline: none; /* 不显示轮廓线 */
	font-family: Microsoft YaHei; /* 设置字体 */
	/* color: white; /* 字体颜色 */
	font-size: 17px; /* 字体大小 */
}
.update-button:hover { /* 鼠标移入按钮范围时改变颜色 */
	background: #1E90FF;
	color: white;
}
